<template>
  <grimm-page title="EmptyStatus">
    <div slot="content">
      <grimm-empty-status
        :isShow="true"
        :btnList="networkBtnList"
        paddingTop="44px"
        @handleClick="handleClick"
        emptyType="noNetwork"
        tips="网络异常，请稍后重试"
      />
    </div>
  </grimm-page>
</template>

<script>
import GrimmPage from '../../components/GrimmPage.vue';
export default {
  components: {
    GrimmPage,
  },
  data() {
    return {
      networkBtnList: [
        {
          name: '重试',
          type: 'default',
          onClick: 'handleClick',
        },
      ],
    };
  },
  mounted() {},
  methods: {
    handleClick() {
      this.toast = this.$createToast({
        time: 3000,
        txt: 'click button',
        onTimeout: () => {
          console.log('timeout');
        },
      });
      this.toast.show();
    },
  },
};
</script>

